Your browser lacks required capabilities. Please upgrade it or switch to another to continue.
<div id="main">
<img src="http://webcomics.mazhemart.co.uk/wp-content/uploads/2018/06/eggbasket.gif">
Take it in turns to press the button, and see who hatches the egg!
<<button "Pick an Egg" "Game">><<set $Chance to random(3,25), $Number to 0>><</button>></div><<music>><<nobr>>
<<set $red to 194>>
<<set $blue to 250>>
<<set $colour to 'rgb('+ $red +', '+ $blue +', 230)'>>
<<print '<div id="background" style = "grid-area: main; height: 100%;
width: 100%;
z-index: -1; background:'+ $colour +'; clip-path: circle(400px at center);"></div>'>>
<</nobr>>
<<widget "Random">>
<<set $Chance to random(3,20)>>
<</widget>>
<<widget "music">>
<<cacheaudio "quack" "http://webcomics.mazhemart.co.uk/wp-content/uploads/2018/06/quack.mp3">>
<</widget>><div id="main"><<music>>
<<if $Chance is $Number>><<audio "quack" loop play>>
You've been Ducked!
<img src="http://webcomics.mazhemart.co.uk/wp-content/uploads/2018/06/duk-export.gif">
<<button "Hatch another!" "Game">><<set $Number to 0, $Chance to random(3,25), $red to 194, $blue to 250>><</button>>
<<else>><<audio "quack" stop>>
<img src="http://webcomics.mazhemart.co.uk/wp-content/uploads/2018/06/egg.gif">
<<button "Tap the Egg" "Game">><<set $Number += 1, $red += 2, $blue -= 2>><</button>>
<</if>></div>
<<nobr>>
<<set $colour to 'rgb('+ $red +', '+ $blue +', 244)'>>
<<print '<div id="background" style = "grid-area: main; height: 100%;
width: 100%;
z-index: -1; background:'+ $colour +'; clip-path: circle(400px at center);"></div>'>>
<</nobr>>